/*
 *  Copyright 2024 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@import (reference) '../../styles/variables.less';

.announcement-thread-body {
  margin-top: 16px;

  .text-announcement {
    color: @announcement-border;
  }

  .ant-card.announcement-thread-card {
    margin-top: 20px;
    padding-top: 8px;
    border-radius: 8px;
    border: 1px solid @announcement-border;
    background: @announcement-background;

    .avatar-column {
      position: relative;

      &::after {
        position: absolute;
        content: '';
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        background: @announcement-border-light;
        height: calc(100% - 10px);
        z-index: 1;
      }

      .assignee-item {
        margin: 0;
        z-index: 10;
      }

      .ant-avatar-group {
        z-index: 10;
      }
    }

    .arrow-icon {
      font-size: 10px;
    }

    .rotate-180 {
      transform: rotate(180deg);
    }
  }
}

.feed-line {
  margin-left: 8px;
  background: @announcement-border-light;
  width: 1px;
  height: calc(100% - 10px);
}
